<template>
  <div class="breedContent">
    <img src="/img/logo.png" class="logo">
    <div class="line"></div>
    <div class="breedNav">
      <div class="row">
        <span class="kind">小麦</span>
        <span>麸皮</span>
        <span>面粉</span>
        <span class="kind">玉米</span>
        <span>淀粉</span>
        <span>酒精</span>
        <span>DDGS</span>
        <span>玉米蛋白粉</span>
        <span>玉米纤维</span>
        <span>玉米胚芽粕</span>
      </div>
      <div class="row">
        <span class="kind">稻谷</span>
        <span>早籼稻</span>
        <span>中晚籼稻</span>
        <span>粳稻</span>
        <span>糯稻</span>
        <span>大米</span>
        <span>稻谷副产品</span>
        <span class="kind">油脂油料</span>
        <span>大豆</span>
        <span>豆油</span>
      </div>
      <div class="row">
        <span>豆粕</span>
        <span>油菜籽</span>
        <span>菜油</span>
        <span>菜粕</span>
        <span>食用油</span>
        <span>棕榈油</span>
        <span>其他油脂</span>
        <span>花生</span>
        <span>花生仁</span>
        <span>花生油</span>
      </div>
      <div class="row">
        <span>花生粕</span>
        <span class="kind">杂粮</span>
        <span>大麦</span>
        <span>高粱</span>
        <span class="kind">猪业</span>
        <span>生猪</span>
        <span>猪肉</span>
        <span>仔猪</span>
        <span>种母猪</span>
        <span>综合</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.breedContent{
  width: 100%;
  height: 146px;
  display: flex;
  align-items: center;
  // flex: 1;
  background-color: #fff;
  .logo{
    width: 194px;
    height: 39px;
    margin: 0 40px;
  }
  .line{
    width: 1px;
    height: 76px;
    background-color: #A6A6A6;
  }
  .breedNav{
    flex: 1;
    .row{
      span{
        width: 10%;
        font-size: 14px;
        color: #333;
        text-align: center;
        display: inline-block;
        cursor: pointer;
      }

      .kind{
        color: #1A52A5;
        font-weight: bold;
      }
    }
    
  }
}
  
</style>